<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 列表是用来布局的
    列表可以分为三大类：无序列表、有序列表和自定义列表 -->

    <h4>1.无序列表</h4>
    <h4>您喜欢的食物?</h4>
    <ul>
        <!--ul里面只能放li标签，但是li里面可以放其他元素 -->
        <li>榴莲</li>
        <li>臭豆腐</li>
        <li>鲱鱼罐头</li>
    </ul>

    <h4>2.有序列表</h4>
    <h4>粉丝排行榜</h4>
    <ol>
        <li>刘德华</li>
        <li>刘若英</li>
        <li>张杰</li>
    </ol>

    <h4>3.自定义列表</h4>
    <!-- <dl>标签用于定义描述列表，该标签会与<dt>（定义项目/名字）和<dd>（描述每一个项目/名字）一起使用 -->
    <dl>
        <dt>关注我们</dt>
        <dd>新浪微博</dd>
        <dd>官方微信</dd>
        <dd>联系我们</dd>
    </dl>
</body>
</html>